<script src="../Content/application/encapsulated/partials/sliderDevice/sliderDevice.js"></script>
<link rel="stylesheet" type="text/css" href="../Content/application/encapsulated/common/css/aptCommon.css" />
<link rel="stylesheet" type="text/css" href="../Content/application/encapsulated/partials/sliderDevice/sliderDevice.css" onload="initSliderDevice();" />

<div id="sliderDeviceContainer">
    <div class="sliderDeviceInput">
        <h2 id="sliderDeviceSetHeaderText"></h2>
        <div id="sliderDeviceValueTable"></div>
        <form class="sliderDeviceInputForm">
            <input type="range" id="sliderDevice" class="sliderDeviceSlider disabled"></input>
        </form>
    </div>
    <div id="sliderDeviceControlsDevice">
        <span class="emosbutton aptStandardButton sliderDeviceAddAndMinusButton disabled" id="sliderDeviceMinusButton">-</span>
        <span id="sliderDeviceActValue" class="sliderDeviceFieldValueSize aptStandardFontSize disabled"></span>
        <span id="sliderDeviceUnits" class="sliderDeviceFieldValueSizeUnit aptStandardFontSize "></span>
        <span class="emosbutton aptStandardButton sliderDeviceAddAndMinusButton disabled" id="sliderDevicePlusButton">+</span>
    </div>
    <div id="sliderDeviceEditField" class="aptHide">
        <table class="numpad sliderDeviceNumpad">
            <tbody>
                <tr>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(7)">7</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(8)">8</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(9)">9</a></td>
                </tr>
                <tr>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(4)">4</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(5)">5</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(6)">6</a></td>
                </tr>
                <tr>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(1)">1</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(2)">2</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(3)">3</a></td>
                </tr>
                <tr>
                    <td><a id="sliderDeviceNumpadClear" data-role="button" data-theme="e" class="clear emosbutton ">C</a></td>
                    <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderDeviceNumpad" onclick="inputNumber(0)">0</a></td>
                    <td><a id="sliderDeviceNumpadDot" data-role="button" data-theme="e" class="nummer emosbutton ">.</a></td>
                </tr>
                <tr>
                    <td>
                        <a id="sliderDeviceNumpadAccept" data-role="button" data-theme="e" class="emosbutton aptSaveButton"></a>
                    </td>
                    <td>
                        <a id="sliderDeviceNumpadCancel" data-role="button" data-theme="e" class="emosbutton aptCloseButton"></a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>